<template>
  <div class="customCond">
    <div id="control-btn-group" class="control-btn-group">
      <el-button size="small">添加KV条件</el-button>
      <el-button size="small">添加范围条件</el-button>
      <el-button size="small">添加多值条件</el-button>
    </div>
    <div id="cond-content">
      <el-input v-model="item.value" placeholder="请输入内容">
        <el-select slot="prepend" v-model="item.field" placeholder="请选择" style="width: 100px">
          <el-option label="IMEI" value="1" />
        </el-select>
      </el-input>
    </div>
  </div>
</template>

<script>
export default {
  // TODO 实现一个自定义条件设置组件， 未完成
  name: 'CustomCond',
  props: {
  },
  data() {
    return {
      item: {
        field: '',
        value: ''
      }
    }
  }

}
</script>
<style scoped="scoped">
  #control-btn-group .el-button + .el-button {
    margin-left: 0;
  }
  .el-select .el-input {
    width: 130px;
  }
</style>
